import "./index.scss";

export default function ContactUs() {
  function toTop() {
    window.scrollTo({ top: 0, behavior: "smooth" });
  }

  return (
    <div className="contact-us">
      <span className="contact-button technical-support">
        <span>
          <i className="iconfont icon-consult contact"></i>
        </span>
        <span className="name">
          在线
          <br />
          咨询
        </span>
      </span>

      <span className="contact-button phone-contact">
        <span>
          <i className="iconfont icon-phone-consult contact"></i>
        </span>
        <span className="name">
          电话
          <br />
          咨询
        </span>
        <div className="phone-block">
          <p>服务热线</p>
          <p className="color-green">400-111-0890</p>
        </div>
      </span>

      <span className="contact-button weixin-contact">
        <span>
          <i className="iconfont icon-weixin-consult contact"></i>
        </span>
        <span className="name">
          微信
          <br />
          咨询
        </span>
        <div className="weixin-block">
          <img src="https://blog-assets.jiandaoyun.com/index/outsourcing/weixin_contact_qrcode.png" alt=""/>
          <p>咨询简道云顾问 获取最新资料</p>
        </div>
      </span>

      <div className="contact-button back-top" onClick={() => toTop()}>
        <i className="iconfont icon_zhiding"></i>
      </div>
    </div>
  );
}
